<template>
  <div class="container">
    <!-- 这是注释 -->
    <h2>为事件处理函数传递参数</h2>

    <!-- 如果事件处理函数没有什么参数，这里直接写方法名即可 -->
    <!-- 这里没有传递任何的实参，下面的方法，可以直接使用 e  -->
    <button @click="one">按钮1</button><br />

    <!-- 如果需要为处理方法传递实参，加上小括号，小括号里面写实参 -->
    <!-- 如果给方法传递了实参，还需要使用事件对象的话，必须传递 $event; 它表示事件对象 -->
    <button @click="del(3, $event, 5)">按钮2</button>
  </div>
</template>

<script>
export default {
  // 这里放vue相关代码
  methods: {
    one (e) {
      console.log(e.target)
    },
    two (m, e, n) {
      console.log(m + n)
      console.log(e.target)
    }
  }
}
</script>

<style>
h2 {
  color: red;
}
</style>